<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>  
<%
	response.sendRedirect("Index");
%>
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<title>Laevade pommitamine</title>
	<link rel="stylesheet" type="text/css" href="gfx/styles.css" />
	<link rel="stylesheet" type="text/css" href="js/lib/fancybox/jquery.fancybox-1.3.4.css" media="screen" />
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
	<script type="text/javascript" src="js/lib/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
	<script type="text/javascript" src="js/gui.js"></script>
</head>
<body>
<div id="wrapper">
<div id="header">
	<h1>
		<a href="Index" title="Laevade pommitamise">Laevade pommitamine</a>
	</h1>
	<div id="menu">
		<ul>
			<li><a href="leaderboard.jsp" class="leaderboard">Edetabel</a></li>
			<li><a href="javascript:void(0);" class="help">Abi</a></li>
		</ul>
	</div>
	</div>
	<div id="content">
		<div class="col-left">
			<div class="welcome-message"><img src="gfx/welcome.png" alt="Tere tulemast!" alt="Tere tulemast" /></div>			
			<% if (request.getAttribute("loginError") != null) { %>
				<div class="error"><%=request.getAttribute("loginError") %></div>
			<% } %>
			<div class="login">
				<form action="UserLogin" method="post">
					<table class="login-form">
						<tr>
							<td><label for="username" class="username-label">Kasutajatunnus:</label></td>
						</tr>
						<tr>
							<td><input type="text" name="username" id="username" class="input" maxlength="20" value="Sinu mängija nimi" /></td>
						</tr>
						<tr>
							<td><input type="submit" name="submit" value="Sisene" class="button" /></td>
						</tr>
					
					</table>
					<p></p>
				</form>
			</div>
		</div>
		<div class="col-center">
			<div class="or-option">või</div>
			<div class="or-line"></div>
		</div>
		<div class="col-right">
			<div class="fb-login-box">
				<a href="https://www.facebook.com/dialog/oauth?client_id=${FBAppId}&redirect_uri=${FBRedirectUrl}&state=${FBState}" class="facebook">Logi sisse Facebook kaudu</a>
				<div class="clear"></div>
			</div>
			
		</div>
	</div>
</div>
	
<script type="text/javascript">
	LoginForm.init();
</script>
</body>
</html>